// 截取数据渲染
// 先获取数据库数据
$.get("./php/list.php", function (res) {
    var { data } = res
    var arr = data.slice(0, 4)
    str = ''
    for (i = 0; i < arr.length; i++) {
        str += `
            <li >
                <a href="detail.html">
                    <img src="${arr[i].http}" alt="">
                    <div class='body-title'>
                        <p >${arr[i].introducr}</p>
                        <p>${arr[i].pricet1}
                          </p>
                          <span>￥${arr[i].price}</span>
                    </div>
                </a>
            </li>
            `
    }
    $('.list-body ol').html(str)
    console.log( $('.list-body ol li'))
    // 点击商品
    $('.list-body ol li').click(function () {
        console.log(11)
        // 设置样式和详情给cookie
        sCookie('http', $(this).find('a').find('img').attr('src'), 24 * 3600, path = '/')
    })
}, "json");


// 点击页码
$('.paginiton ol li:lt(2)').click(function () {
    $('.list-body ol').empty()
    index = $(this).index() + 1
    $('.paginiton ol li:lt(7)').css('background-color', '#fafafa')
    $(this).css('background-color', 'rgb(150, 238, 241)')
    // 截取数据渲染
    // 先获取数据库数据
    $.get("./php/list.php", function (res) {
        var { data } = res
        if (index == 2) {
            var arr = data.slice(4, 8)
        } else {
            var arr = data.slice(0, 4)
        }

        str = ''
        for (i = 0; i < arr.length; i++) {
            str += `
            <li >
                <a href="detail.html">
                    <img src="${arr[i].http}" alt="">
                    <div class='body-title'>
                        <p >${arr[i].introducr}</p>
                        <p>${arr[i].pricet1}
                          </p>
                          <span>￥${arr[i].price}</span>
                    </div>
                </a>
            </li>
            `
        }
        $('.list-body ol').html(str)
        // 点击商品
        $('.list-body ol li').click(function () {
            console.log(11)
            // 设置样式和详情给cookie
            sCookie('http', $(this).find('a').find('img').attr('src'), 24 * 3600, path = '/')
        })
    }, "json");
})




